<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>timeLine</title>
		<meta content="webkit" name="renderer">
		<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
		<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
		<link href="layui/css/layui.css" media="all" rel="stylesheet">
		<link href="css/timeLine.css" rel="stylesheet">
		<script charset="utf-8" src="layui/layui.js" type="text/javascript"></script>

	</head>
	<body>
		<!--页面头-->
		<div class="head">
			<div>
				<label class="layui-form-label">时间</label>
				<div class="layui-input-block" id="time">
					<input autocomplete="off" class="layui-input" id="shijian" lay-verify="required" name="time"
						   placeholder="请选择时间" required type="text">
				</div>
			</div>

			<div>
				<label class="layui-form-label">图片地址</label>
				<div class="layui-input-block">
					<input autocomplete="off" class="layui-input" id="tupian" lay-verify="required" name="pic"
						   placeholder="请输入地址" required type="text">
				</div>
			</div>
			<button class="layui-btn">添加</button>
			<div>
				<label class="layui-form-label">内容</label>
				<div class="layui-input-block">
					<textarea class="layui-textarea" id="neirong" name="content" placeholder="请输入内容"></textarea>
				</div>
			</div>
		</div>
		<!--时间线-->
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
			<legend>远拓后台系统开发时间线</legend>
		</fieldset>
		<ul class="layui-timeline">
		</ul>
		<div class="layui-footer">
			本页面由b-team团队制作&copy;20210307
		</div>
		<script src="js/timeLine.js"></script>
	</body>
</html>
